<extend name="Base/common"/>
<block name="body">
	<div class="span9 page_message">
		<section id="contents">
			<include file="Addons/_nav"/>
			<style type="text/css">
				.data-chart {
					margin: 20px;
				}

				.data-chart td {
					background: #fafafa;
					padding: 20px;
					word-break: break-all;
					word-wrap: break-word;
					vertical-align: top
				}

				.data-chart tr:hover td {
					background: #f6f6f6
				}

				.data-chart table {
					background: #ddd
				}

				.data-chart .answer {
					line-height: 20px;
					margin: 10px 0;
				}
			</style>
			<div class="data-chart">
				<table cellpadding="0" cellspacing="1">
					<volist name='questions' id='vo'>
						<tr>
							<td width="40%">
								<div class="Result_tit">{$vo.title}</div>
								<p class="answer">
									{$vo.answerStr}
								</p>

								<p class="answer">
									{$vo.introStr}
								</p>
							</td>
							<td width="60%">
								<script type="text/javascript">
									$(function () {
										$('#container_{$vo.id}').highcharts({
											chart: {
												backgroundColor: null,
												plotBackgroundColor: null,
												plotBorderWidth: null,
												plotShadow: false
											},
											title: {
												text: ''
											},
											subtitle: {
												text: '{$vo.subtitles}'
											},
											credits: {enabled: false},
											tooltip: {
												pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
											},
											plotOptions: {
												pie: {
													allowPointSelect: true,
													cursor: 'pointer',
													dataLabels: {
														enabled: true,
														color: '#000000',
														connectorColor: '#000000',
														format: '<b>{point.name}</b>: {point.percentage:.1f} %'
													}
												}
											},
											series: [{
												type: 'pie',
												name: '百分比',
												data: [{$vo.dataStr
											}]
										}
										]
									});
									})
									;
								</script>
								<div class="Result_graph" id="container_{$vo.id}"></div>
							</td>
						</tr>

					</volist>
				</table>
			</div>
	</div>
	</section>
	</div>
</block>
<block name="script">
	<script src="__STATIC__/highcharts-4.0.1/js/highcharts.js?v={:SITE_VERSION}"></script>
</block>